/* Ant Design 常用颜色变量 */
@primary-color: #1890ff;
@success-color: #52c41a;
@warning-color: #faad14;
@error-color: #f5222d;

@text-color: rgba(0, 0, 0, 0.65);
@text-color-secondary: rgba(0, 0, 0, 0.45);
@text-color-disabled: rgba(0, 0, 0, 0.25);

@border-color-base: #d9d9d9;
@border-color-split: #f0f0f0;
@border-radius-base: 6px;

/* 自定义变量 */
@line-color: #e9e9e9;

@shadow-color: rgba(0, 0, 0, 0.15);

@bottom-bar-bg-color: #262626;
@bottom-bar-line-color: #000;

@template-bg-color: #001529;
@template-bg-color-light: #ececec;
@template-nav-bg-color: #001529;
@template-text-color: #ccc;
@template-text-title-color: #bcbcbc;
@template-text-color-light: #fff;
@template-footer-text-color: #999;

@animate-duration: .45s;

/* 动画曲线变量 */
@ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
@ease-in: cubic-bezier(0.645, 0.045, 0.355, 1);
@ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);

/* 详细页图片或框框的样式;
*/
.page-shadow() {
  box-shadow: 0 5px 8px @shadow-color;
}

.page-pro() {
  border-radius: 6px;
  border: 1px solid @line-color;
  transform: translateY(0);
  transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow .3s cubic-bezier(0.215, 0.61, 0.355, 1);
  &:hover {
    .page-shadow();
    transform: translateY(-5px);
  }
}
